<template>
  <div>
    <q-card>
      <q-tabs
        v-model="tab"
        dense
        class="bg-primary text-white"
        align="left">
          <q-tab name="site" label="地点" />
          <q-tab name="location" label="库位" />
      </q-tabs>
      <q-tab-panels v-model="tab" animated>
        <q-tab-panel class="q-pa-none" name="site">
          <site v-if="tab === 'site'" />
        </q-tab-panel>
        <q-tab-panel class="q-pa-none" name="location">
          <location v-if="tab === 'location'" />
        </q-tab-panel>
      </q-tab-panels>
    </q-card>
  </div>
</template>

<script>
import Site from './Site'
import Location from '../Location/Location'
export default {
  components: {
    Site,
    Location
  },
  data () {
    return {
      tab: 'site'
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>
